﻿<%@ Page Language="C#" MasterPageFile="~/Grocer.Master" AutoEventWireup="true" CodeBehind="Cereals.aspx.cs" Inherits="EasyGrocer.Cereals" %>

<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="head">
    <style type="text/css">
        .style1
        {
            width: 745px;
        }
        .style2
        {
            width: 476px;
        }
    </style>
    </asp:Content>
<asp:Content ID="Content2" runat="server" ContentPlaceHolderID="MainContent">
    <br /><center>
    <asp:Label ID="Label9" runat="server" CssClass="mainTitle" Text="Cereals - Aisle 3"></asp:Label>
     </center><br /><br />
     <table style="width: 100%;">
        <tr><td class="style1" >
            
            <table cellpadding="6" class="">
            <tr><td>
                  &nbsp;<asp:Button ID="Button6" runat="server" CssClass="bigButton2" Height="42px" 
                      Text="Kellogg's Apple Jacks" Width="269px" />
                  <img src="images/spacer.JPG" style="width: 170px; height: 20px" /><asp:Button ID="Button1" runat="server" CssClass="smallButton" Height="24px" 
                      Text="View Map" Width="85px" />&nbsp; <asp:Button ID="Button4" runat="server" CssClass="smallButton" Height="24px" 
                      Text="Add to List" Width="100px"  />
                  <br />
&nbsp;<b>Aisle: </b> 3&nbsp;&nbsp;<b>Section: </b>A <b>Cost</b>: $3.49 <span style=" border:solid 1px black; background-color:Yellow">Save $1</span></td></tr>
             <tr><td>
                  &nbsp;<asp:Button ID="Button2" runat="server" CssClass="bigButton2" Height="42px" 
                      Text="Kellogg's Cocoa Krispies" Width="269px" />
                  <img src="images/spacer.JPG" style="width: 170px; height: 20px" /><asp:Button ID="Button3" runat="server" CssClass="smallButton" Height="24px" 
                      Text="View Map" Width="85px" />
                &nbsp;<asp:Button ID="Button30" runat="server" CssClass="smallButton" Height="24px" 
                      Text="Add to List" Width="100px"  />
                  <br />
                  <b>Aisle: </b> 3&nbsp;&nbsp;<b>Section: </b>A <b>Cost</b>: $4.49 
                &nbsp;
                      &nbsp;&nbsp;&nbsp;&nbsp;
             </td></tr>
             <tr><td>
                  &nbsp;<asp:Button ID="Button8" runat="server" CssClass="bigButton2" Height="42px" 
                      Text="Kellogg's Frosted Flakes" Width="269px" onclick="Button8_Click" />
                  <img src="images/spacer.JPG" style="width: 170px; height: 20px" /><asp:Button ID="Button9" runat="server" CssClass="smallButton" Height="24px" 
                      Text="View Map" Width="85px" onclick="Button9_Click" />
                      &nbsp;<asp:Button ID="Button31" runat="server" CssClass="smallButton" Height="24px" 
                      Text="Add to List" Width="100px" />
                      
                  &nbsp;&nbsp;<br />
                  &nbsp;&nbsp;<b>Aisle: </b> 3&nbsp;&nbsp;<b>Section: </b>B <b>Cost</b>: $3.99</td></tr>
             <tr><td>
                  &nbsp;<asp:Button ID="Button11" runat="server" CssClass="bigButton2" Height="42px" 
                      Text="Kellogg's Honey Smacks" Width="269px" />
                  <img src="images/spacer.JPG" style="width: 170px; height: 20px" /><asp:Button ID="Button12" runat="server" CssClass="smallButton" Height="24px" 
                      Text="View Map" Width="85px" />
                      &nbsp;<asp:Button ID="Button32" runat="server" CssClass="smallButton" Height="24px" 
                      Text="Add to List" Width="100px" />
                      <br />
                  <b>Aisle: </b> 3&nbsp;&nbsp;<b>Section: </b>B <b>Cost</b>: $3.99
                  <span style=" border:solid 1px black; background-color:Yellow">Save $1</span></td></tr>
             <tr><td>
                  &nbsp;<asp:Button ID="Button20" runat="server" CssClass="bigButton2" Height="42px" 
                      Text="Kellogg's Mini Wheats" Width="269px" />
                  <img src="images/spacer.JPG" style="width: 170px; height: 20px" /><asp:Button ID="Button21" runat="server" CssClass="smallButton" Height="24px" 
                      Text="View Map" Width="85px" />
                      &nbsp;<asp:Button ID="Button33" runat="server" CssClass="smallButton" Height="24px" 
                      Text="Add to List" Width="100px"  />
                      <br />
                  <b>Aisle: </b> 3&nbsp;&nbsp;<b>Section: </b>B <b>Cost</b>: $4.49</td></tr>
             <tr><td>
                  &nbsp;<asp:Button ID="Button17" runat="server" CssClass="bigButton2" Height="42px" 
                      Text="Kellogg's Raisin Bran" Width="269px" />
                  <img src="images/spacer.JPG" style="width: 170px; height: 20px" /><asp:Button ID="Button18" runat="server" CssClass="smallButton" Height="24px" 
                      Text="View Map" Width="85px" />
                      &nbsp;<asp:Button ID="Button34" runat="server" CssClass="smallButton" Height="24px" 
                      Text="Add to List" Width="100px"  />
                  <br />
                  <b>Aisle: </b> 3&nbsp;&nbsp;<b>Section: </b>B <b>Cost</b>: $5.19&nbsp;&nbsp;
             </td></tr>
             </table>
             <table cellpadding="6" style="width:738px;height:70px">
             <tr><td class="style2"><img src="images/filler.JPG" width="190px" style="height: 16px" /></td><td class="">
              &nbsp;&nbsp;<asp:Label ID="Label8" runat="server" Text="Page 1 of 4"></asp:Label>
                 <br />
              &nbsp;&nbsp;<asp:Button ID="Button29" Enabled="false" runat="server" CssClass="smallButton" Height="31px" 
                      Text="<< Prev" Width="67px" />
              <asp:Button ID="Button14" runat="server" CssClass="smallButton" Height="31px" 
                      Text="Next >>" Width="67px" />
             </td></tr>
             </table>
         </td>
         <td style="vertical-align:top;">
            <table class="Search"><tr><td>  
            <u><b>Search for Items by:</b></u><br /><br />
                <b>&nbsp;&nbsp;&nbsp;&nbsp; Keyword:</b> 
                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>           
                <br />
                <b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Brand:</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <asp:TextBox ID="TextBox2" runat="server" ></asp:TextBox>
                <br />
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>Category: </b> 
                <asp:DropDownList ID="DropDownList1" runat="server">
                    <asp:ListItem>(All)</asp:ListItem>
                    <asp:ListItem>Baby Foods</asp:ListItem>
                    <asp:ListItem>Baked Goods</asp:ListItem>
                    <asp:ListItem>Beverages</asp:ListItem>
                    <asp:ListItem>Breakfast</asp:ListItem>
                    <asp:ListItem>Canned Foods</asp:ListItem>
                    <asp:ListItem>Condiments</asp:ListItem>
                    <asp:ListItem>Dairy</asp:ListItem>
                    <asp:ListItem>Dinner Kits</asp:ListItem>
                    <asp:ListItem>Frozen</asp:ListItem>
                    <asp:ListItem>General</asp:ListItem>
                    <asp:ListItem>Health &amp; Beauty</asp:ListItem>
                    <asp:ListItem>Household</asp:ListItem>
                    <asp:ListItem>Meats</asp:ListItem>
                    <asp:ListItem>Pasta &amp; Rice</asp:ListItem>
                    <asp:ListItem>Pet Food</asp:ListItem>
                    <asp:ListItem>Produce</asp:ListItem>
                    <asp:ListItem>Sauces</asp:ListItem>
                    <asp:ListItem>Snacks</asp:ListItem>
                    <asp:ListItem>Spices</asp:ListItem>
                    <asp:ListItem>Soups</asp:ListItem>
                </asp:DropDownList>
                <br /><br />
                &nbsp;&nbsp;&nbsp;&nbsp;
                <asp:Button ID="Button5" runat="server" Text="Search" Width="95px" 
                    Height="33px" CssClass="smallButton" />&nbsp;&nbsp;<input id="Reset1" 
                    type="reset" value="Reset" class="smallButton" /><br /></td></tr></table>
                <img src="images/filler.JPG" style="width: 194px; height: 331px" />
            </td>
         </tr>
       </table>
</asp:Content>
